<div class="header">
    <div class="container">
        <div class="header_top">
            <ul class="phone">
                <li class="phone_left"><i class="mobile"> </i><span>1-200-346-2986</span></li>
                <li class="phone_right">超过100元的产品免费地面运输</li>
                <div class="clearfix"></div>
            </ul>
            <ul class="social">
                <li><a href=""> <i class="tw"> </i> </a></li>
                <li><a href=""><i class="fb"> </i> </a></li>
                <li><a href=""><i class="rss"> </i> </a></li>
                <li><a href=""><i class="msg"> </i> </a></li>
                <div class="clearfix"></div>
            </ul>
            <ul class="account">
                <li><a href="account.html">My Account</a></li>
            </ul>
            <ul class="shopping_cart">
                <a href="{% url 'cart_index' %}">
                    <li class="shop_left"><i class="cart"> </i><span>Shop</span></li>
                </a>
                <a href="{% url 'cart_index' %}">
                    <li class="shop_right"><span>$0.00</span></li>
                </a>
                <div class="clearfix"></div>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="header_bottom">
            <div class="header_nav">
                <div class="logo">
                    <a href="index.html"><img src="/static/myhome/images/logo.png" alt=""/><br></a>
                </div>
                <nav class="navbar navbar-default menu" role="navigation"><h3 class="nav_right"><a
                        href="index.html"><img src="/static/myhome/images/logo.png" class="img-responsive" alt=""/></a>
                </h3>
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                    data-target="#bs-example-navbar-collapse-1">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav menu1">
                                <li class="active"><a href="/">特价</a></li>
                                <li><a href="{% url 'fruits'%}">水果蔬菜</a></li>
                                <li><a href="{% url 'products'%}">食物产品</a></li>
                                <li><a href="{% url 'store'%}">找到商店</a></li>
                                <li><a href="{% url 'club'%}">粉丝俱乐部</a></li>
                                <li><a href="{% url 'contact'%}">联系我们</a></li>
                            </ul>

                            {% if request.session.VipUser %}
                            Hi,{{ request.session.VipUser.nikename }}

                            <a href="{% url 'myhome_logout' %}">登出</a>

                            {% else %}

                            <ul class="login">


                                <li class="login_top"><i class="sign"> </i><span><a
                                        href="{% url 'myhome_login' %}">登录</a></span></li>
                                <li class="login_bottom"><i class="register"> </i><span><a
                                        href="{% url 'myhome_register' %}">注册</a></span></li>

                                {% endif %}
                            </ul>
                            <div class="clearfix"></div>
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </nav>
                <div class="clearfix"></div>
            </div>
            <div class="search">
                <input type="text" class="text" value="苹果  蓝莓" onfocus="this.value = '';"
                       onblur="if (this.value == '') {this.value = '苹果 蓝莓';}">
                <input type="submit" value="搜索">
            </div>
        </div>
    </div>
</div>